<template>
	<view>
		<view class="tabs-box"><u-tabs :current="current" :list="list" @click="clickTabs"></u-tabs></view>

		<swiper @change="changeswiper" :current="current" class="swiper-div">
			<swiper-item><merchantWithdrawal></merchantWithdrawal></swiper-item>
			<swiper-item><agentWithdrawal></agentWithdrawal></swiper-item>
			<swiper-item><userWithdraw></userWithdraw></swiper-item>
		</swiper>
	</view>
</template>

<script>
import userWithdraw from './components/userWithdraw';
import agentWithdrawal from './components/agentWithdrawal';
import merchantWithdrawal from './components/merchantWithdrawal';

export default {
	data() {
		return {
			list: [
				{
					name: '商户提现'
				},
				{
					name: '分销商提现'
				},
				{
					name: '用户提现'
				}
			],
			current: 0
		};
	},
	components: {
		userWithdraw,
		agentWithdrawal,
		merchantWithdrawal
	},
	methods: {
		clickTabs(data) {
			let index = data.index;
			this.current = index;
		},
		changeswiper(e) {
			this.current = e.detail.current;
			// if (this.groupList[this.current].piclist.length == 0) {
			// 	this.getpiclist();
			// }
		}
	}
};
</script>

<style lang="scss">
.tabs-box {
	height: 80rpx;
}
.swiper-div {
	height: calc(100vh - 80rpx);
}
</style>
